<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
    <title>帐号授权</title>
    <link rel="stylesheet" type="text/css" media="screen" href="/static/css/base.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="/static/css/web_login.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="/static/css/ali.css" />

    <script src="/static/js/jquery.min.js"></script>
</head>
<body class="ali-bg">
<section class="ali-mod">
    <img class="logo" src="/static/images/share/hpal.png" alt="" />
    <div class="login">
        <form action="/show/postAliLogin" method="post">
            <ul>
                <li>
                    <input name="phone" type="text" class="aa ClearInput " placeholder="请输入您的手机号" required>
                    <a href="javascript:void(0)" onclick="$(this).prev('input').val('')" class="clear_input ico_x"></a>
                </li>
                <li>
                    <input name="pwd" type="password" class="pw input_text_password mima_dd " placeholder="请输入登录密码" required >
                    <a class="ico_eye_line" data-show="1" href="javascript:void(0);" onclick="tab(this)"></a>
                </li>
            </ul>
            <input type="hidden" name="aliuid" value="{$aliuid}"/>
            <input type="submit" style="padding-left: 0" value="绑定" class="button_login" />
        </form>
    </div>
    <p class="f15 color-white pt20 tid-20">
        通过微信、QQ或微博账号登录虎扑跑步app的用户，请先在虎扑跑步app的“我的—>设置—>账号绑定—>手机号”中完成手机号绑定和设置密码流程后，通过绑定的手机号码在此页面完成绑定。
    </p>
    <p class="f15 color-white tid-20">
     完成绑定后，记得每次跑步时启动虎扑跑步app，你的跑步数据就会自动作为参加阿里体育跑步比赛的数据，千万要记得哦，否则就没有成绩啦！
    </p>
    <p class="f15 color-white tid-20">
    虎扑跑步会为你提供最精准的跑步数据记录，最全面的跑步数据分析还有千万跑友等你一块玩。  如果你还没有使用虎扑跑步，快来加入吧！
    </p>
</section>

<script>
    function tab(obj){
        var tp = $(obj).prev('input');
        if(tp.attr('type') == 'password'){
            tp.prop('type','text');
            $(obj).removeClass('ico_eye_line');
            $(obj).addClass('eyes_box');
        }else{
            tp.prop('type','password');
            $(obj).removeClass('eyes_box');
            $(obj).addClass('ico_eye_line');
        }
    }
</script>
</body>
</html>
